<!-- 消费优惠策略 -->
<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '设置档口',
          contents: [
            '首先进入菜谱计划页面，点击右上角“档口名称”如下图所示，可以切换档口，选择想要设置菜谱计划的档口，设置该档口的菜谱计划'
          ],
          urls: [
            '/static/imgs/product/menu_1.png'
          ]
        }, {
          title: '添加菜谱计划',
          contents: [
            '首先设置好档口，然后选择好餐别（早餐，午餐、晚餐、夜宵），再然后选中要设置菜谱计划的日期（今天，明天······），最后点击堂食或订餐旁边的“+”如下图所示',
            '弹出添加单品对话框，选择想要添加的单品，点击提交，即可添加堂食或订餐的菜谱计划。'
          ],
          urls: [
            '/static/imgs/product/menu_2.png',
            '/static/imgs/product/menu_3.png'
          ]
        }, {
          title: '复制菜谱计划',
          contents: [
            '首先设置好档口，然后选择好餐别（早餐，午餐、晚餐、夜宵），再然后选中要复制菜谱计划的日期（今天，明天······），最后点击堂食或订餐旁边的“+”如下图所示',
            '弹出日期，选择开始到结束日期，点击确定，弹出复制成功对话框，即可复制成功菜谱计划。'
          ],
          urls: [
            '/static/imgs/product/menu_4.png',
            '/static/imgs/product/menu_5.png'
          ]
        }, {
          title: '修改数量',
          contents: [
            '点击菜谱计划里面的单品旁边的修改，即可修改单品数量，如下图所示，点击“+”添加数量，点击“-”减少数量。'
          ],
          urls: [
            '/static/imgs/product/menu_6.png'
          ]
        }, {
          title: '删除单品',
          contents: [
            '点击菜谱计划里面的单品旁边的红色图标，如下图所示，即可删除菜谱计划里的单品。+”如下图所示'
          ],
          urls: [
            '/static/imgs/product/menu_7.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
